@charset "utf-8";
*{margin:0; padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{min-height:100%;}
body,input,button,td,div,a,p,span,textarea{font-size:12px;line-height:160% ;font-family:"돋움", Dotum, simhei, simsun, MS Gothic, Tahoma, Verdana, Helvetica, AppleGothic, Sans-serif;color:#666;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
li, dt, dd{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#FF9933;}
em,address{font-style:normal;}
.le{float:left !important;}
.ri{float:right !important;}
p.clear{clear:both; font-size:0; line-height:0; height:0; visibility:hidden; _display:none;}/*0706추가*/
.clear{clear:both; font-size:0; line-height:0; height:0; visibility:hidden;}

/*공통*/
.none_bg{background:none !important;}
.none_border{border:0 none !important;}

/*메인레이아웃*/
.wrap{width:100%; height:100%; text-align:center; background:#fff url(../img/common/top_bg.gif) repeat-x top;}
.cen{width:1004px; text-align:left; position:relative; margin:0 auto;}
.cen h1{position:absolute; top:27px; left:0;}
.top{width:100%; height:100px;}
.top_info{height:27px; float:right;}
.top_info li{float:left; font-size:11px; margin:4px 0 0 0; padding:0 8px; background:url(../img/common/top_info_part.gif) no-repeat 0 4px;}
.top_info li a{font-size:11px; line-height:180%; color:#F6FAFD;}
.top_info li a:hover{color:#C7E8FF;}
.logout{margin:2px 0 0 0;}
.flag{vertical-align:middle; margin:-2px 0 0 4px;}

/*상단메뉴 _20110216 수정*/
.top_menu{float:left; position:relative; width:800px; height:44px; padding-left:199px;}
.top_menu table{height:44px; border:0; margin-top:0; width:100%;}
.top_menu table td{ width:200px;text-align:center; font-size:12px; font-weight:bold; color:#333; background:url(../img/common/top_menu_part.gif) no-repeat right bottom;}
.top_menu table td.m_left{margin-left:-150px;}
.top_menu table td.none{background:none;}
.top_menu table td a{font-size:14px; font-weight:bold; color:#333;}
.top_menu table td a:hover{color:#2D66B1;}
.top_subMenu{clear:both; width:auto; text-align:left; position:absolute; top:44px; z-index:10; }
.top_sub{width:117px; _width:117px; padding:5px 8px; background:#6d9edf;}
.top_sub li{background:url(../img/common/sub_line.gif) repeat-x 0 bottom; line-height:28px;}
.top_sub li a{font-size:12px !important;font-weight:normal !important;color:#FFF !important; padding:0 7px 0 14px; line-height:190% !important; background:url(../img/common/menu_ico.gif) no-repeat 3px 4px;}
.top_sub li a:hover{color:#FFF799 !important;}
/*상단메뉴 끝*/

/* 상단메뉴 수정_20110215 
#top_menu{width:100%; margin:0 auto; height:44px;padding:0}
#top_menu .gnb{width:800px; margin:0 auto;padding-top:15px; }
.gnb li{float:left;height:44px; width:105px;_width:100px; padding:0 8px 0 11px;background:url(../img/common/top_menu_part.gif) no-repeat right -13px; text-align:center;font-size:14px; font-weight:bold; color:#333; vertical-align:bottom;}
.gnb li a:hover{color:#2D66B1;}
.gnb li.left{margin-left:55px;_margin-left:30px;}
.gnb li.none{background:none;}
.top_subMenu{clear:both; text-align:left; position:absolute; z-index:100; margin:10px 0 0 180px;*margin:27px 0 0 140px;_margin:27px 0 0 170px;}
.top_sub{background:#74A1DD; overflow:hidden; }
.top_sub a{color:#fff;}
.top_sub span{float:left;height:20px;*height:20px;_height:20px; padding:2px 15px 1px 5px;*padding:2px 15px 1px 5px;_padding:2px 15px 1px 5px;}
 //상단메뉴 수정_20110215 */

.search_box{float:right; width:190px; height:31px; margin:10px 0 0 0; background:url(../img/common/top_search_bg.gif) repeat-x top;}
.search_box li{float:left;}
.search_box input{float:left; width:140px; height:18px; color:#4669B8; font-size:11px; _line-height:180%; margin:6px 0 0 0; border:0; background:#E4EEF8;}

/*좌측 사용자 정보 및 메뉴*/
.left{width:175px; float:left; padding-bottom:30px;}
.left select{clear:both; width:100%;font-size:11px;color:#666;}

table.my_info{width:100%; margin-bottom:10px; border:0; background:#FFF;}
	.my_info_t01{width:5px; height:5px; background:url(../img/left/t_rd.gif) no-repeat 0 0;}
	.my_info_t02{background:url(../img/left/t.gif) repeat-x top;}
	.my_info_t03{width:5px; background:url(../img/left/t_rd.gif) no-repeat right 0;}
	.my_info_le{background:url(../img/left/le.gif) repeat-y left;}
		td.my_info{text-align:center; padding-bottom:4px; _padding-bottom:0;}
		td.my_info dl{width:160px; margin:0 auto; text-align:left; padding-bottom:0px;}
		td.my_info dt{min-height:21px;_height:21px; margin-bottom:3px; background:url(../img/left/my_info_line.gif) repeat-x bottom;}
		td.my_info dt p{color:#1865B4; padding:0 0 0 14px; background:url(../img/left/my_info.gif) no-repeat 2px 2px;}
		td.my_info dt img{vertical-align:middle; margin:0 3px 0 2px;}
		td.my_info dd,td.my_info dd a,td.my_info dd span{font-size:11px;}
		td.my_info dl dd{clear:both; _height:0;}
		td.my_info dl dd img{float:left; margin:4px 0 0 3px;}
		td.my_info dl dd a{display:block; float:left; min-height:10px;_height:10px; padding:0 0 0 20px;}
			.ico01{background:url(../img/left/ico01.gif) no-repeat 4px 2px;}/*결재할문서*/
			.ico02{background:url(../img/left/ico02.gif) no-repeat 4px 1px;}/*메모보고*/
			.ico03{background:url(../img/left/ico03.gif) no-repeat 4px 2px;}/*결재중문서*/
			.ico04{background:url(../img/left/ico04.gif) no-repeat 4px 1px;}/*읽지않은 메일*/
			.ico05{background:url(../img/left/ico05.gif) no-repeat 4px 2px;}/*접수대기*/
			.ico06{background:url(../img/left/ico06.gif) no-repeat 4px 1px;}/*배부대기*/
			.ico07{background:url(../img/left/icon_memo.gif) no-repeat 4px 2px;}/*쪽지*/
			.my_info_num{float:right; padding:0 4px 0 0;}
			.my_info_num em{font-weight:bold; color:#F56D08;}
	.my_info_ri{background:url(../img/left/ri.gif) repeat-y right;}
	.my_info_f01{width:5px; height:5px; background:url(../img/left/t_rd.gif) no-repeat 0 bottom;}
	.my_info_f02{background:url(../img/left/f.gif) repeat-x bottom;}
	.my_info_f03{width:5px; background:url(../img/left/t_rd.gif) no-repeat right bottom;}
table.left_menu{width:100%; margin-bottom:10px; border:0; background:#FFF;}
	.left_menu_t01{width:5px; height:5px; background:url(../img/left/menu_t_rd.gif) no-repeat 0 0;}
	.left_menu_t02{background:url(../img/left/menu_t_bg.gif) repeat-x top;}
	.left_menu_t03{width:5px; background:url(../img/left/menu_t_rd.gif) no-repeat right 0;}
	td.left_menu{padding-bottom:3px; border-left:1px solid #5698CC;border-right:1px solid #5698CC;}
	td.left_menu h2{width:100%; min-height:24px;_height:24px; margin-bottom:5px; background:#6D9EDF url(../img/left/menu_h2_bg.gif) repeat-x bottom;}
	td.left_menu h2 span{font-size:14px; color:#FFF; font-weight:bold; line-height:140%; margin:0 10px;}
	.left_menu_f01{width:5px; height:5px; background:url(../img/left/menu_f_rd.gif) no-repeat left bottom;}
	.left_menu_f02{background:url(../img/left/menu_f_bg.gif) repeat-x bottom;}
	.left_menu_f03{width:5px; background:url(../img/left/menu_f_rd.gif) no-repeat right bottom;}
/*트리메뉴 관련*/
.tree{width:100%;}
.depth1{margin:0 10px; min-height:24px; _height:24px; font-size:12px; background:url(../img/left/dot_line.gif) repeat-x bottom;}
.depth1 a{display:block; color:#333; line-height:140%; padding:3px 0 0 17px; background:url(../img/left/1depth_off.gif) no-repeat 0 5px;}
.depth1 a:hover{color:#4181C0;}
a.depth1_on{color:#4181C0 !important; font-weight:bold; background:url(../img/left/1depth_on.gif) no-repeat 0 6px;}
ul.tree2{padding:0 0 15px 5px; margin:0;}
ul.tree2 li{min-height:17px; _height:17px; margin:0; background:url(../img/left/tree_dot.gif) repeat-y top left;}
ul.tree2 a{padding:3px 0 0 24px; background:url(../img/left/2depth.gif) no-repeat 0 4px;}
.depth_end{background:url(../img/left/tree_dot_end.gif) no-repeat 0 0 !important;}
ul.tree3{padding:2px 0 5px 15px; margin:0;}
ul.tree3 li{margin:0; padding:0; line-height:140%;}
ul.tree3 li a{padding:0 0 0 22px; color:#666; font-size:11px; line-height:120%; background:url(../img/left/3depth.gif) no-repeat 0 2px;}
.depth3_end{background:url(../img/left/tree_dot_end.gif) no-repeat 0 -4px !important;}
ul.tree4{padding:3px 0 5px 12px;}
ul.tree4 li{margin:0; padding:0; line-height:120%;}
ul.tree4 li a{padding:0 0 0 16px; color:#999; font-size:11px; line-height:120%; background:url(../img/left/4depth.gif) no-repeat 0 5px;}

/*조직도 트리메뉴 관련*/
.organ{width:100%;}
.organ .depth1{margin:0 10px; min-height:25px; _height:25px; font-size:12px; background:url(../img/left/dot_line.gif) repeat-x bottom;}
.organ .depth1 a{display:block; color:#333; line-height:140%; padding:3px 0 0 19px; background:url(../img/left/organ_01.gif) no-repeat 0 2px;}
.organ .depth1 a:hover{color:#4181C0;}
.organ a.depth1_on{color:#4181C0 !important; font-weight:bold;}
.organ ul.tree2{padding:0 0 15px 5px; margin:0;}
.organ ul.tree2 li{min-height:17px; _height:17px; margin:0; background:url(../img/left/tree_dot.gif) repeat-y top left;}
.organ ul.tree2 a{padding:3px 0 0 28px; background:url(../img/left/organ_02.gif) no-repeat 0 4px;}
.organ ul.tree3{padding:2px 0 5px 15px; margin:0;}
.organ ul.tree3 li{margin:0; padding:0; line-height:140%;}
.organ ul.tree3 li a{padding:0 0 0 22px; color:#666; font-size:11px; line-height:120%; background:url(../img/left/organ_03.gif) no-repeat 0 1px;}
.organ ul.tree4{padding:3px 0 5px 12px;}
.organ ul.tree4 li{margin:0; padding:0; line-height:120%;}
.organ ul.tree4 li a{padding:0 0 0 17px; color:#999; font-size:11px; line-height:120%; background:url(../img/left/4depth.gif) no-repeat 0 5px;}

/*콘텐츠 영역*/
.cont_wrap{width:610px; float:left; margin-left:24px; padding-bottom:40px;}
.sub_wrap{width:800px; float:right; padding:0 0 40px 0; margin-right:4px;}
.sub_title{width:100%; min-height:26px;_height:26px; background:url(../img/common/sub_title_line.gif) repeat-x bottom;}
.sub_title h2{float:left; font-size:14px; color:#333; font-weight:bold; padding:0 0 0 13px; background:url(../img/common/sub_h2.gif) no-repeat 1px 0;}
.sub_wrap h3{clear:both; min-height:20px;_height:20px; color:#575757; font-weight:bold; margin-top:20px; padding:0 0 1px 15px; background:url(../img/webpart/h2.gif) no-repeat 0 4px;}
.sub_title ul{float:right;}
.sub_title li,.sub_title li a{font-size:11px; color:#999;}
.sub_title li{float:left; padding:0 6px 0 8px; background:url(../img/common/navi_part.gif) no-repeat 0 7px;}
.navi_home{width:13px; height:16px; padding:0 5px 0 0 !important; background:url(../img/common/navi_home.gif) no-repeat 0 2px !important;}
.navi_on{color:#666 !important;}

.right{width:166px; float:right; margin:0 4px 0 0;}/*170px로 늘어날 경우 width:170px; margin:0으로*/
.right h3{font-size:12px; font-weight:bold; padding:0 0 1px 15px; background:url(../img/webpart/h2.gif) no-repeat 0 3px;}

.footer_wrap{clear:both; width:100%; min-height:70px;_height:70px; text-align:center; background:#fff url(../img/common/footer_bg.gif) repeat-x top;}
.footer{width:1000px; margin:0 auto; text-align:left; position:relative;}
.footer h1{position:absolute; top:20px; left:24px;}
.footer p{margin:0 0 0 198px; padding-top:20px;}

/*폰트색상*/
.txt_blue{color:#6699CC;}
.txt_orange{color:#F16423;}
.txt_green{color:#99CC33;}
.txt_black{color:#000;}

/*로그인*/
.login_wrap{position:relative; width:100%;height:100%; vertical-align:middle; text-align:center;}
.login_box{position:absolute; top:50%; left:50%; width:610px; height:294px; margin:-150px 0 0 -305px;}
.login_box h1{width:100%; margin:0; padding:0;}
.login_bg{position:relative; width:100%; height:260px; background:url(../img/login/bg_neo.jpg) no-repeat 0 0;}
.login_bg ul{position:absolute; top:97px; right:107px;}
.login_bg ul li{clear:left; height:20px; width:192px;}
.login_bg ul li span{float:left;}
.login_bg ul li input{width:139px; height:18px; border:1px solid #64ADCE;}
.login_bg a{position:absolute; top:97px; right:41px;}
.login_bg p{position:absolute; top:160px; right:43px;}
.login_bg p input{vertical-align:middle;}
.login_bg p img{margin:1px 0 0 2px; vertical-align:middle;}